<template>
	<a href="javascript:;">
		<div class="box" :style="boxBg"><div></div></div>
	</a>
</template>

<script>
	import boxBg from '../../assets/module-bg.png'
	export default {
		data (){
			return {
				boxBg : "background:rgba(246, 78, 93,0.8) url('"+ boxBg +"') center center no-repeat"
			}
		}
	}
</script>

<style scoped>
	.box{
		width: 0.48rem; z-index: 99; height: 0.87rem; border-radius: 0.05rem 0.05rem 0 0; background-size: 0.2rem 0.4rem !important; position: fixed; right: 0.06rem; top:40%;
	}
	.box div{
		border-left:0.24rem solid rgba(246,78,93,0.8); border-right:0.24rem solid rgba(246,78,93,0.8); position: absolute; bottom: -0.195rem; border-bottom:0.2rem solid transparent;
	}
</style>